<template>
  <div>
    <div class="product">
      <img :src="params.product.img" alt="" class="productImg">
      <div class="fl">
        <h6>{{params.product.name}}</h6>
        <p>零售价：¥ {{params.product.price}}</p>
        <p>防伪码：{{params.code}}</p>
      </div>
    </div>
    <div class="binding">

      <p>{{params.status == "1" ? '您已绑定此产品,请勿重复绑定' : '此产品已被绑定' }}</p>
    </div>

    <foot page='home'></foot>
  </div>
</template>

<script>
import foot from "../public/foot";
export default {
  components: {
    foot
  },
  data() {
    return {
      params: this.$route.query
    };
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped>
.product {
  width: 351px;
  height: 124px;
  background: rgba(255, 255, 255, 1);
  border-radius: 5px;
  margin: 12px;
}
.productImg {
  float: left;
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: lavender;
  margin: 12px;
}
.fl {
  float: left;
}
.fl p {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  margin: 9px;
}
h6 {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  color: rgba(51, 51, 51, 1);
  line-height: 25px;
  /* margin: 21px 12px; */
  margin: 21px 12px 12px;
}
.binding {
  width: 351px;
  height: 60px;
  background: rgba(255, 255, 255, 1);
  border-radius: 5px;
  margin: 12px;
}
.binding p {
  font-size: 18px;
  font-family: PingFangSC-Regular;
  color: #333333;
  text-align: center;
  line-height: 60px;
}
</style>
